<template>
	<tbody>
		<tr v-for="item in arr" :key="item.id">
			<td>{{ item.id }}</td>
			<td>{{ item.goods_name }}</td>
			<td>{{ item.goods_price }}</td>
			<td>
				<slot></slot>
			</td>
			<td>
				<button class="delete">删除</button>
			</td>
		</tr>
	</tbody>
</template>

<script>
export default {
	props: {
		arr: {
			type: Array,
			default: "",
		},
	},
	data() {
		return {};
	},
};
</script>

<style scoped>
tr {
	width: 100%;
	height: 50px;
}
td {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.delete {
	width: 40px;
	height: 24px;
	background-color: rgb(223, 107, 107);
	color: #fff;
	border: none;
	border-radius: 4px;
	line-height: 24px;
	text-align: center;
}
</style>